<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>listStudent</title>
</head>
<body>

    <center>
        <table border="1px" width="60%">
            <tr align="center">
                <th>ID</th>
                <th>GRADE_ID</th>
                <th>STUDENT_NAME</th>
                <th>GENDER</th>
                <th>AGE</th>
                <th>STUDENT_NUM</th>
                <th>OPERATION</th>
            </tr>

            <tr th:each="item : ${listStudent}" align="center" th:object="${item}">
                <td th:text="*{id}"></td>
                <td th:text="*{gradeId}"></td>
                <td th:text="*{studentName}"></td>
                <!--<td th:if="${item.gender eq 0}">男</td>-->
                <!--<td th:if="${item.gender eq 1}">女</td>-->
                <td th:switch="*{gender}">
                    <span th:case="0">男</span>
                    <span th:case="1">女</span>
                </td>
                <td th:text="*{age}"></td>
                <td th:text="*{studentNum}"></td>
                <td><a href="">删除</a> <a href="">修改</a> <a href="">详情</a></td>
            </tr>
        </table>
        <span th:include="demohaha::yinru"></span>

    </center>

<!--<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>-->
<script th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript">
   $(function(){
       $("tr:even").not(":first").css("background-color","#CCC");

   })

</script>
</body>
</html>